<template>
  <div class="blank-layout-header">
    <div class="header">
      <img src="@/assets/logo.svg">
    </div>
    <div class="main">
      <router-view />
    </div>

  </div>
</template>

<script>
export default {
  name: "BlankLayoutHeader",
};
</script>

<style lang="less" scoped>
.blank-layout-header {
  background: #f6f8f9;
  height: 100%;
  width: 100%;
   min-width: 1200px;
  .header {
    height: 60px;
    line-height: 60px;
    display: flex;
    align-items: center;
    background: #fff;
    padding: 0 20px;
    img {
      width: 100px;
    }
  }
  .main {
    margin: 0 10px;
    margin-top: 10px;
    background: #fff;
    min-height: 700px;
   box-shadow: 0px 4px 3px -5px #333;
  }
}
</style>
